<!DOCTYPE html>
<html lang="en">
<head>
    <title> tree</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="css/zTreeStyle.css" type="text/css">
    <link href="css/public.css" rel="stylesheet">
    <link href="css/common.css" rel="stylesheet">
    <link href="css/ec.css" rel="stylesheet">
    <link href="css/list.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="js/ec.js"></script>
    <script type="text/javascript">
        var setting = {
            callback: {
                onExpand: function (event, treeId, node) {
                    myscroll.refresh();
                }
            }
        };

        var zNodes = [
            {
                name: "库存", open: true,
                children: [
                    {
                        name: "卡片库存",
                        children: [
                            {name: "卡片入库"},
                            {name: "卡片出库"},
                            {name: "卡片调拨"},
                            {name: "卡片回收"},
                            {name: "卡片作废"}
                        ]
                    },
                    {
                        name: "父节点12 ",
                        children: [
                            {name: "叶子节点121"},
                            {name: "叶子节点122"},
                            {name: "叶子节点123"},
                            {name: "叶子节点124"}
                        ]
                    },

                    {name: "父节点13 ", isParent: true}
                ]
            },
            {
                name: "父节点2 ",
                children: [
                    {
                        name: "父节点21", open: true,
                        children: [
                            {name: "叶子节点211"},
                            {name: "叶子节点212"},
                            {name: "叶子节点213"},
                            {name: "叶子节点214"}
                        ]
                    },
                    {
                        name: "父节点22 ",
                        children: [
                            {name: "叶子节点221"},
                            {name: "叶子节点222"},
                            {name: "叶子节点223"},
                            {name: "叶子节点224"}
                        ]
                    },
                    {
                        name: "父节点23 ",
                        children: [
                            {name: "叶子节点231"},
                            {name: "叶子节点232"},
                            {name: "叶子节点233"},
                            {name: "叶子节点234"}
                        ]
                    }
                ]
            },
            {
                name: "父节点3 ",
                children: [
                    {
                        name: "父节点21", open: true,
                        children: [
                            {name: "叶子节点311"},
                            {name: "叶子节点312"},
                            {name: "叶子节点313"},
                            {name: "叶子节点314"}
                        ]
                    },
                    {
                        name: "父节点22 ",
                        children: [
                            {name: "叶子节点321"},
                            {name: "叶子节点322"},
                            {name: "叶子节点323"},
                            {name: "叶子节点324"}
                        ]
                    },
                    {
                        name: "父节点23 ",
                        children: [
                            {name: "叶子节点331"},
                            {name: "叶子节点332"},
                            {name: "叶子节点333"},
                            {name: "叶子节点334"}
                        ]
                    }
                ]
            },
            {
                name: "父节点4 ",
                children: [
                    {
                        name: "父节点21", open: true,
                        children: [
                            {name: "叶子节点411"},
                            {name: "叶子节点412"},
                            {name: "叶子节点413"},
                            {name: "叶子节点414"}
                        ]
                    },
                    {
                        name: "父节点22 ",
                        children: [
                            {name: "叶子节点421"},
                            {name: "叶子节点422"},
                            {name: "叶子节点423"},
                            {name: "叶子节点424"}
                        ]
                    },
                    {
                        name: "父节点23 ",
                        children: [
                            {name: "叶子节点431"},
                            {name: "叶子节点432"},
                            {name: "叶子节点433"},
                            {name: "叶子节点434"}
                        ]
                    }
                ]
            },
            {name: "父节点5 ", isParent: true}

        ];

        $(document).ready(function () {
            $.fn.zTree.init($("#treeDemo"), setting, zNodes);
            $("div.tree").height($(window).height() - 100);
        });
    </script>
</head>
<body>
<div class="set setlt">
    <h3><a href="">系统管理</a><a href="">> 机构管理</a></h3>
    <div class="txte">
        <p class="setp"><input type="button" value="+ 新建机构" class="red"></p>
    </div>
    <div class="tree treetwo">
            <!--<div class="">-->
                <div class="wrapper content_wrap">
                <ul id="treeDemo" class="ztree"></ul>
            <!--</div>--></div>
    </div>
    <iframe id="tablist1" width="80%" src="tablist2.html" style="float:right" height="300" frameborder="0"
            scrolling="no"></iframe>
</div>
<script type="text/javascript" src="js/iscroll(1).js"></script>
<script>
    var myscroll;
    function loaded() {
        myscroll = new iScroll($("div.wrapper")[0], {hScroll: false});
    }
    window.addEventListener("DOMContentLoaded", loaded, false);
</script>
</body>
</html>